.import_goods_box {
  display: flex;
  flex-direction: column;
  padding-right: 40px;
  padding-left: 40px;

  // border: 1px solid red;
  .step_item_box {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 18px;
    .title_box {
      display: flex;
      flex-direction: row;
      line-height: 24px;
      letter-spacing: 1px;
      .num_box {
        width: 24px;
        height: 24px;
        margin-right: 6px;
        line-height: 24px;
        color: white;
        text-align: center;
        background-color: #1560d7;
        border-radius: 50%;
      }
    }
    .content_box {
      position: relative;
      width: 100%;
      margin-top: 18px;
      padding-bottom: 10px;
      padding-right: 4px;
      .cb_box {
        position: relative;
        left: 50%;
        display: flex;
        flex-direction: column;
        width: 100px;
        text-align: center;

        // border: 1px solid red;
        transform: translateX(-70%);
        .icon_img {
          position: relative;
          left: 50%;
          width: 40px;
          cursor: pointer;
          transform: translateX(-50%);
        }
        .down_text {
          margin-top: 6px;
          font-size: 14px;
          color: #1749ec;
          cursor: pointer;
        }
      }
    }
  }
}

/* 货品详情 */
.good_descriptions_box {
  letter-spacing: 0.6px;

  .cell-item {
    // padding-left: 10px;
    box-sizing: border-box;
    .iconfont {
      font-size: 18px;
      position: relative;
      top: 1.6px;
      margin-right: 4px;
    }

    .icon-huopin {
      font-size: 20px;
      top: 2.8px;
      margin-right: 3px;
    }

    .icon-guizi_o {
      top: 2px;
      font-size: 19px;
    }

    .icon-CAS {
      top: 1.8px;
      margin-right: 5px;
    }

    .icon-kucunliang-copy {
      font-size: 20px;
    }

    .icon-icon_leibie {
      top: 1.8px;
    }

    .icon-chuangjianshijian {
      top: 1.9px;
    }

    .icon-shiyanshi {
      top: 1px;
      font-size: 19px;
    }

    .icon--shangpinguige-gai- {
      font-size: 19px;
      top: 1.8px;
    }

    .icon-duliang {
      top: 1px;
    }

    .icon-zhizaoshangbujian {
      font-size: 19px;
    }

    .icon-xiangmu {
      top: 1.2px;
    }

    .icon-gengxinshijian {
      font-size: 19px;
      top: 1.9px;
    }
  }
}

// 货品详情-货品借出记录
.goods_lend_log_box {
  margin-top: 20px;
  // padding-left: 10px;

  // width:;
  height: 480px;
  // margin-top: 0px;

  .title_box {
    display: flex;
    flex-direction: row;
    background-image: linear-gradient(25deg, rgba(#3374ec, 0.2), rgba(#478ce6, 0.4));
    padding: 6px 10px;

    .log_icon_img {
      width: 20px;
      height: 20px;
    }

    .label {
      position: relative;
      top: 2px;
      margin-left: 4px;
      font-size: 15px;
      letter-spacing: 1px;
    }
  }

  .table_box {
    .good_lend_log_table_pagination_box {
      margin-top: 10px;
      display: flex;
      flex-direction: row;
      justify-content: right;
    }
  }
}

/* 借出货品弹窗盒子 */
.lend_goods_dialog_wrap {
  width: 100%;
  height: 660px;
}
.lend_goods_box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 8px 6px 8px 8px;
  // height: 660px;

  max-height: 660px;
  overflow-y: auto;
  width: 1114px;
  gap: 4px;
  // background-color: ;

  .lend_goods_item_box {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    // border: 1px solid rgba(106, 106, 107, 0.2);
    padding: 38px 10px 10px 10px;
    border-radius: 6px;
    margin-bottom: 20px;
    margin-right: 24px;
    height: 230px;
    // min-height: 200px;
    // max-height: 200px;
    // padding: 20px;
    position: relative;

    .el-card__body {
      padding: 8px;
    }

    .item_header {
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(#5fabf7, 0.4);
      width: 100%;
      padding: 8px;
      letter-spacing: 2px;
      font-weight: bold;
      font-size: 14px;

      .del_img {
        position: absolute;
        right: 0;
        width: 24px;
        height: 24px;
        transform: translate(-4px, -4px);
        cursor: pointer;
      }
    }

    .goods_name_box {
      margin-bottom: 18px;
      width: 300px;
      // display: flex;
      // flex-direction: row;

      .label {
        width: 70px;
        margin-right: 10px;
        position: relative;
        top: 2px;
        // line-height: 32px;
      }
    }

    .goods_num_box {
      margin-bottom: 20px;
      .label {
        width: 70px;
        margin-right: 10px;
        position: relative;
        top: 2px;
      }

      .quantity {
        font-size: 12px;
        color: green;
        margin-left: 12px;
        position: relative;
        top: 6px;
      }

      .red {
        color: red;
      }
    }

    .goods_desc_box {
      position: relative;
      .label {
        width: 54px;
        text-align: right;
        position: absolute;
        top: 8px;
      }
    }

    .lend_item_del_box {
      background-color: red;
      width: 100%;
    }
  }

  .add_lend_goods_item {
    border: 2px solid rgb(193, 193, 194);
    margin-bottom: 20px;
    width: 340px;
    min-height: 160px;
    height: 230px;
    // max-height: 180px;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    color: rgb(193, 193, 194);
    transition: 0.2s;

    .plus_icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }

  .add_lend_goods_item:hover {
    border: 2px solid #1560d7;
    color: #1560d7;
  }
}

/* 借出/归还数量 */
.lend_return_num_span {
  // font-weight: bold;
}
.lend_return_num_span.red {
  color: red;
}

.lend_return_num_span.green {
  color: green;
}

.import_info_box {
  .title {
    text-align: center;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 10px;
  }

  .count_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    letter-spacing: 1px;
  }

  .error_list_box {
    margin-top: 4px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1px;
    overflow-y: auto;
    height: 200px;
    // border: 1px solid red;
  }
}
